<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="../../css/common.css">
    <!-- 引入 animate.css  -->
    <link href="https://cdn.bootcss.com/animate.css/3.7.2/animate.css" rel="stylesheet">
    <!-- 引入 wow .js  -->
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
    <script src="../../js/jquery-3.4.1.min.js"></script>
    <script src="../../js/swiper.min.js"></script>

</head>

<body>
    <div class="header">
        <div class="header-c">
            <a class="logo wow slideInDown" href="#">
                <img src="../../img/logo.png" alt="">
            </a>
            <ul class="lost wow slideInDown">
                <li><a href="../../index.html">首页</a></li>
                <li><a href="../project/index.html">项目案例</a></li>
                <li><a href="../join/index.html">加入我们</a></li>
                <li class="active"><a href="../contect/index.html">联系我们</a></li>
            </ul>

            <!-- 手机端 -->
            <a class="line" href="javascript:;">
                <span></span>
                <span></span>
                <span></span>
            </a>

            <div class="mido wow slideInDown">
                <p><a href="../../index.html">首页</a></p>
                <p><a href="../project/index.html">项目案例</a></p>
                <p><a href="../join/index.html">加入我们</a></p>
                <p><a href="../contect/index.html">联系我们</a></p>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner-c">
            <h1 class="wow slideInUp">关于不凡科技</h1>
            <h2 class="wow slideInUp">bufan</h2>
        </div>
    </div>
    <div class="main">
        <ul>
            <li>
                <div class="title wow slideInUp">
                    <img src="img/you.png" alt="">
                    <span>优势</span>
                </div>
                <p class="wow slideInUp">
                    提供全方位网站建立+数字化营销服务，2016年至今已经服务100余家客户。我们可以完成优质网站建设的同时，更可为您提供增值的数字化营销服务。不凡科技对客户和作品永远坚持宁缺毋滥的原则,
                    没有把网站纳入到企业战略高度的客户我们拒绝承接！</p>
            </li>
            <li>
                <div class="title wow slideInUp">
                    <img src="img/linian.png" alt="">
                    <span>理念</span>
                </div>
                <p class="wow slideInUp">
                    我们致力于用户体验的持续提升，以用户为中心，力求视觉设计与交互设计的完美契合。并且我们以科学规范的流程，勤奋专注的态度，为客户提供全方位的设计服务。专注UI设计，以设计驱动企业价值的持续增长，实现您的商业目标！
                </p>
            </li>
            <li>
                <div class="title wow slideInUp">
                    <img src="img/tuandui.png" alt="">
                    <span>团队</span>
                </div>
                <p class="wow slideInUp">
                    我们的团队成员由资深设计师、资深前端工程师及技术负责人、开发工程师等组成。团队成员均有在大型互联网工作经验。我们是追求品质与力求不断超越自己的团队，我们尊重每次合作的机会与挑战力求完美。</p>
            </li>
        </ul>
    </div>
    <div class="map wow slideInUp" id="allmap">

    </div>
    <div class="foot">
        <img class="bgc" src="../../img/foot.png" alt="">
        <div class="foot-c">
            <div class="talk wow fadeInUp">
                <span class="wec">联系我们</span>
                <span class="wee">Contact Us</span>
            </div>

            <div class="come">
                <div class="compy wow fadeInUp">
                    <img src="../../img/bufanwhite.png" alt="">
                    <p>郑州不凡科技有限公司</p>
                </div>

                <ul class="wow fadeInUp">
                    <li>地址：郑东新区绿地新都会6号楼1210</li>
                    <li>电话：0371-55602883</li>
                    <li>手机：18838180363</li>
                </ul>
                <ul class="rode wow fadeInUp">
                    <li>路线：地铁1号线 东风南路站C口出向北步行300米(近郑州东站)</li>
                    <li>郵编：450000</li>
                    <li>邮箱：bd@bufanui.com</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="final">
        <img src="../../img/last.png" alt="">
        <div class="final-c">
            <p class="wow fadeInUp">©2017不凡科技 郑州IT技术服务 豫ICP备17015347号</p>
        </div>
    </div>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=js7AGWN1lo6DIZB9HQLN753gDHA9rRZr"></script>
    <script src="../../js/common.js"></script>
    <script>
        // 初始化 wow.js 
        new WOW().init();

        // 百度地图API功能
        var map = new BMap.Map("allmap");
        var point = new BMap.Point(113.754407, 34.776794);
        map.centerAndZoom(point, 15);

        //创建logo
        var pt = new BMap.Point(113.774507, 34.776794);
        var myIcon = new BMap.Icon("img/logo.png", new BMap.Size(300, 157));
        var marker2 = new BMap.Marker(pt, { icon: myIcon });  // 创建标注
        marker2.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
        map.addOverlay(marker2);              // 将标注添加到地图中
    </script>
</body>

</html>